$brand-theme-color: #3366ff; // 主体颜色

// $border-color: #e0e0e0; // 边框颜色
// $border-color-light: #efefef; // 边框亮色
/* 背景颜色 */
$my-background-color: #fff;
$my-background-color-1: #fafafa;
$my-background-color-2: #f3f3f3;
$my-background-color-disable: #999;
$my-background-color-grey: #e4e4e4;
$my-background-color-black: #3a3635;

/* 文字颜色 */
$text-font-color-1:#000; // 文字主色
$text-font-color-2:#676767; //副标题颜色
$text-font-color-3:#a7a7a7; //浅色
$text-font-color-4:#e4e4e4; //更浅色
$my-text-font-color-red:#fa4350;
$my-text-font-color-white:#f8f8f8;

/* 字体大小 */
$my-text-font-size-mini: 10px;
$my-text-font-size-sm: 12px;
$my-text-font-size-base: 14px;
$my-text-font-size-lg: 18px;
$my-text-font-size-xl: 20px;
$my-text-font-size-xxl: 24px;
$my-text-font-size-blg: 30px;

/* 圆角 */
$my-border-radius-m: 5px; //
$my-border-radius-base: 10px; //

/* 边框颜色 */
$my-border-color-dark: #e0e0e0; // 边框暗色
$my-border-color-light: #fff; // 边框亮色
$common-border-dark: 1px solid $my-border-color-dark;

/* 颜色 */
$my-color-red: #fa4350;
$my-color-red-1: rgba(255, 89, 79, 0.1);
$my-color-green: #06C662;

/* z-index */
$my-z-index-m: -1;
$my-z-index-sm: 100;
$my-z-index-base: 1000;
$my-z-index-l: 1010;


// 两行省略
@mixin ellipsis($row:1){
	// text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				//溢出内容隐藏
	text-overflow: ellipsis;		//文本溢出部分用省略号表示
	display: -webkit-box;			//特别显示模式
	-webkit-line-clamp: $row;			//行数
	line-clamp: $row;					
	-webkit-box-orient: vertical;	//盒子中内容竖直排列	
}

@mixin flex-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@mixin flex-box-set($jc:center,$ai:center) {
	@include flex-box();
	@if($jc == center){
		justify-content: center;
	}
	@if($jc == start){
		justify-content: flex-start;
	}
	@if($jc == end){
		justify-content: flex-end;
	}
	@if($jc == between){
		justify-content: space-between;
	}
	@if($jc == around){
		justify-content: space-around;
	}
	@if($ai == center){
		align-items: center;
	}
	@if($ai == start){
		align-items: flex-start;
	}
	@if($ai == end){
		align-items: flex-end;
	}
	@if($ai == stretch){
		align-items: stretch;
	}
}